<!-- <template>
  <div>
   <button v-show="false">按钮</button>
    <button v-if="m > 100 && m <= 2000">会员</button>
    <button v-else-if="m > 2000">尊享会员</button>
    <button v-else>非会员</button>
    <p>===========================</p>
    <h1>{{ name + " love whr" }}</h1>
    <h2>{{ age + 30 }}</h2>
    <h1>{{ age >= 18 ? "大爷快来玩~" : "未成年人禁止入内" }}</h1>
    <h1>{{ girls }}</h1>

    <ul>
      <li v-for="(item, index) in girls" :key="index">{{ item }}</li>
    </ul>
    <p>===========================</p>
    <h1 v-bind:class="className">11111</h1>
    <p>===========================</p>
    <input type="text" v-model="val">

    男:<input type="radio" name="sex" value="男" v-model="sex">
    女:<input type="radio" name="sex" value="女" v-model="sex">
    <p>===========================</p>
    抽烟:<input type="checkbox" name="hobby" value="抽烟" v-model="hobby">
    喝酒:<input type="checkbox" name="hobby" value="喝酒" v-model="hobby">
    烫头:<input type="checkbox" name="hobby" value="烫头" v-model="hobby">
    <p>===========================</p>
    <select v-model="xueli">
      <option value="">请选择您的学历</option>
      <option value="专科">专科</option>
      <option value="本科">本科</option>
      <option value="硕士">硕士</option>
      <option value="博士">博士</option>
    </select>
    <p>===========================</p>
    <input type="checkbox" v-model="isSelected"> 我已经同意
    <p>===========================</p>
    <input type="datetime-local" v-model="date">
    <p>===========================</p>
    <button v-on:click="show">按钮</button>
    <button @click="show('dlrb')">显示</button>
  </div>
</template> -->

<template>
  <div>
    <ShowComponent></ShowComponent>
    <show-component></show-component>
    <ShowComponent />
  </div>
</template>
<script>
import ShowComponent from './components/ShowComponent'
export default {
  components: {
    ShowComponent
  },
  data() {
    return {
      m: 0,
      name: "dlrb",
      age: 27,
      girls: ['dlrb', 'lyf', 'zhansgan', "李四"],
      className: "mylylovewhr",
      val: "666888",
      sex: "男",
      hobby: [],
      xueli: "",
      isSelected: true,
      date: ""
    }
  },
  methods: { // 存放方法的位置
    show(name = "lyf") {
      console.log(name)

    }
  }
}
</script>

<style lang="scss" scoped></style>